body{
	padding: 0px 10px;
	border-radius: 20px;
	background: #e0e0e0;
	box-shadow: inset 26px 26px 49px #bababa,
        inset -26px -26px 49px #ffffff;
	
}
/* 最上方三个元素 */
.top{
	display: flex;
	justify-content: space-around;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-radius: 20px;
	background: #e0e0e0;
	box-shadow:  35px 35px 70px #bebebe,
	-35px -35px 70px #ffffff;
}
.top div{
	padding: 10px;
}
input,select,button,textarea{

	font-size: 16px;
	border: 1px solid #ccc; 
	border-radius: 5px;
	padding: 5px;
	margin:5px 20px 5px 0px;
	font-family:Arial,Verdana,Sans-serif;
	box-shadow:  1px 1px 2px #484848;
}
input{
	text-align: center;
	height: 20px;
	letter-spacing:1px;
	outline-style: none ;
	}
select{
	text-align: center;
	height: 30px;
}
a{
	overflow: hidden;
	font-family: 'Times New Roman', Times, serif;
	font-style: normal;
	letter-spacing:1px;
	font-size: large;
	font-weight: bold;
	color:rgb(0, 0, 0);
	text-decoration: none;
}
a:hover{
	color: #575757;
}
a::before {
	content: " ➥"
} 

div em{
	font-family: 'Times New Roman', Times, serif;
	font-style: normal;
	letter-spacing:1px;
	font-size: large;
	font-weight: bold;
	color:rgb(0, 0, 0)
}

/* 中间部分分成两列 */
.column {
	
	display: flex;
	justify-content: space-between;
	
}

button{
	padding:10px 0px 10px 20px;
	letter-spacing:20px;
	
}
.column textarea{
	font-size: 15px;
	overflow: hidden;
	height: 300px;
	width:500px;
	padding: 20px;
	border-radius: 15px;
	background: #ffffff;
	box-shadow:  5px 5px 19px #5a5a5a,
        -5px -5px 19px #ffffff;
	
}



@media screen{
	.column {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	
}
@media screen{
	.top {
		
		display: flex;
		flex-wrap: wrap;
	}

	
}
/* @media screen and (min-width: 800px) {
	.log {
		margin: 1em 2em;
	}
}  */
/*
.switchBtn {
    position: absolute;
    right: 0;
}
*/



.case {
    background-color: #f3f3f3;
}
